*{padding:0;margin:0;font-family:"微软雅黑"}

.mains li{color:#fff}
.mains{width:100%;margin:0 auto}
.mains .title{font-size:25px;text-align:center;padding:10px 5px}
.view{position:absolute;top:50%;left:50%;margin-left:-90px;margin-top:-25px;text-align:center;width:180px;line-height:50px;vertical-align:middle;height:50px;font-size:18px;color:#fff;background:rgba(0,0,0,0.4)}
/* 公共 */
.imglist img{width: 100%;height:346px; }
/* imgscroll */
.imgscroll{width:100%;height:346px;float:left;position:relative;overflow:hidden}
.imgscroll:hover .pre{display:block}
.imgscroll:hover .next{display:block}
.imgscroll li{list-style:none;margin:0;padding:0}
.imgscroll .imglist{width:100%;height:inherit;position:absolute}
.imgscroll .imglist .imgurl{height:inherit;position:absolute;top:0;left:0}
.imgscroll .imgdesc{width:120px;left:50%;margin-left:-40px;bottom:5px;position:absolute;overflow:hidden}
.imgscroll .imgdesc li{width:10px;height:10px;border:1px solid white ;transition:all linear 0.2s;float:left;vertical-align:middle;text-align:center;background:rgba(102,102,102,0.5);margin:5px;cursor:pointer;line-height:16px;}
.imgscroll .imgdesc li.hover{background:green;color:#000}
.imgscroll .pre{position:absolute;font-size:40px; top:50%;margin-top:-35px;z-index:10;width:44px;height:70px;left:10px;background:rgba(0,0,0,0.5);line-height:70px;vertical-align:middle;text-align:center;color:#fff;cursor:pointer;display:none}
.imgscroll .next{position:absolute;font-size:40px;top:50%;margin-top:-35px;z-index:10;width:44px;height:70px;right:10px;background:rgba(0,0,0,0.5);line-height:70px;vertical-align:middle;text-align:center;color:#fff;cursor:pointer;display:none}
.imgscroll .imginfo{position:absolute;width:20px;height:100%;bottom:0;left:0;overflow:hidden}
.imgscroll .imginfo li{height:100%;color:#fff;width:20px;padding:0 1%;color:#fff;background:rgba(102,102,102,0.5);text-align:center}